<!DOCTYPE html>
<script src="../../../resources/run-after-layout-and-paint.js"></script>
<script>
onload = function() {
  runAfterLayoutAndPaint(function() {
    document.getElementById('row1').style.backgroundColor = 'green';
    document.getElementById('row2').style.backgroundColor = 'green';
  }, true);
};
</script>
Tests repaint of composited table cells when their containers change background.
Passes if there are two green table cells.
<table>
  <tr id="row1" style="backface-visibility: hidden; background-color: red">
    <td style="backface-visibility: hidden; width: 100px; height: 50px"></td>
  </tr>
  <tr id="row2" style="background-color: red">
    <td style="backface-visibility: hidden; width: 100px; height: 50px"></td>
  </tr>
</table>
